<!--
 * @Descripttion: your project
 * @version: 1.0
 * @Author: hongweixun
 * @Date: 2022-11-03 15:20:16
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2025-04-16 11:48:28
-->
<template>
    <div class="hl-footer-box align-items row">
        <div class="common-footer-box">
            <img :src="copyright" alt="" />
            {{ $util.getYear() }}
        </div>
        <div class="common-footer-box">
            <img :src="support" alt="" />
            技术支持：广东宏联科技有限公司
        </div>
        <div class="common-footer-box">
            <img :src="hotline" alt="" />
            移动、电信：968899；联通 23396868
        </div>
    </div>
</template>
<script setup lang="ts">
import copyright from '../../assets/images/icon_copyright2.png'
import support from '../../assets/images/icon_support.png'
import hotline from '../../assets/images/icon_hotline.png'
import $util from '../../util/util'
</script>
<style lang="scss">
.hl-footer-box {
    width: 100%;
    padding: 10px 0;
    color: #9CA3A9;
    font-size: 14px;
    display: flex;
    justify-content: center;

    .common-footer-box {
        display: flex;
        align-items: center;
        margin-right: 15px;
        img{
            display: inline-block;
            margin-right: 5px;
        }
    }

    .el-icon {
        margin-right: 2px;
    }
}
</style>
